//1.0导入vue这个包
import Vue from 'vue';
//2.0导入App.vue
import 	App from './App.vue';


//3.0集成vue-router
import vueRouter from 'vue-router';
//3.0.1将vueRouter绑定到Vue对象上
Vue.use(vueRouter);
import Home from './components/Home.vue';//首页
import newslist from './components/news/newslist.vue';//新闻列表
import newsinfo from './components/news/newsinfo.vue';//新闻详情
import photolist from './components/photo/photolist.vue';//新闻详情
import photoinfo from './components/photo/photoinfo.vue';//新闻详情
import shopcar from './components/shopcar/car.vue';//购物车
//3.0.2定义路由规则
var router = new vueRouter({
	//改变路由激活时的class名称
	linkActiveClass:'mui-active',
	routes:[
        //设置默认进入home
		{path:'/',redirect:'/Home'},
		{path:'/Home',component:Home},//首页
        {path:'/news/newslist',component:newslist},//新闻列表
        {path:'/news/newsinfo/:id',component:newsinfo},//新闻详情
        {path:'/photo/photolist',component:photolist},//图片列表
        {path:'/photo/photoinfo/:id',component:photoinfo},//图片列表
		{path:'/shopcar',component:shopcar}//购物车

	]
});
//4.0 注册mint ui
//4.0.1导入mintui 的css
import 'mint-ui/lib/style.css'
import mintui from 'mint-ui';
//4.0.2使用mint-ui
Vue.use(mintui);

//5.0 注册mui 的css  不用安装
import '../statics/mui/css/mui.css';
//6.0 全局基本样式
import '../statics/css/site.css';
//7.0 将vue-resource 在vue中绑定,自动会在Vue实力对象上注入一个$http对象
import vueResource from 'vue-resource';
Vue.use	(vueResource);
//8.0全局时间过滤器
import moment from "moment"
Vue.filter('datefmt',function (input,fmtstring) {
    //使用moment类库
    return moment (input).format(fmtstring)
})
//9.0使用vue-preview组件
import VuePreview from 'vue-preview';
Vue.use(VuePreview)
//
//
new Vue({
	el:'#app',
	/*render:function (create) {
		create(App)
    },*///es5的写法
	router:router,
	render:c => c(App) //es6的写法
})